/*学习记录http://www.imooc.com/video/4987*/
$(function () {
	$('.link .button').hover(function(){
		var title=$(this).attr('data');
		$('.tip em').text(title);
		var pos=$(this).position().left+10;
		var dis=($('.tip').outerWidth()-$(this).outerWidth())/2;/*填充的文字可能有多有少，宽度不一定*/
		var l=pos-dis;
		$('.tip').css({'opacity':1,'left':l+'px'}).animate({'top':146,'opacity':1},300);
	},function(){
		if(!$('.tip').is(':animated')){
			$('.tip').animate({'top':100,'opacity':0},300);
		}
	})
})